<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>获取属性节点</title>
</head>
<body>
    <h1>获取属性节点</h1>
    <hr>
 

    <img id="myimg" src="./imgs/mm016.jpg" alt="MM016" width="600" height="300" loadpic="我也不知道" data-img="66666">
    
    <script>
        console.log(myimg.src); // 属性值
        console.log(myimg.getAttribute('src'));//推荐使用
        console.log(myimg.getAttributeNode('src').nodeValue); // 获取该标签下的属性值下的属性值

        console.log(myimg.loadpic);  // 获取不到
        console.log(myimg.getAttribute('loadpic')); // 获取属性值; 推荐
        console.log(myimg.getAttributeNode('loadpic').nodeValue); 


        // console.log(myimg.data-img) ; 获取不到
        console.log(myimg.getAttribute('data-img')); 
        console.log(myimg.getAttributeNode('data-img').nodeName);

    </script>

</body>
</html>